.edit-needs-container {
	// padding: 30rpx 22rpx;
	padding-bottom: 198rpx;
}

.top-home {
	width: 100%;
	height: 358rpx;
	background-color: #fff;
}

.edit-needs-content {
	margin-top: -46rpx;
	padding: 0 22rpx;
}

.info-box {
	height: 80rpx;
	background: #F2FFFF;
	border-radius: 20rpx 20rpx 0rpx 0rpx;
	padding: 24rpx 20rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 400;
	font-size: 24rpx;
	color: #33AB8A;
	// gap: 40rpx;
}

.info-tag {
	display: flex;
	align-items: center;
	
	.icon {
		width: 30rpx;
		height: 30rpx;
		margin-right: 12rpx;
	}
}

.card-box {
	background: #FFFFFF;
	border-radius: 0rpx 0rpx 20rpx 20rpx;
	padding: 18rpx 26rpx;
	padding-bottom: 30rpx;
	
	.title {
		font-weight: 800;
		font-size: 32rpx;
		color: #333333;
	}
	
	.tags {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 24rpx;
		margin-top: 20rpx;
		
		.tag {
			font-weight: 400;
			font-size: 28rpx;
			color: #333333;
			padding: 12rpx 28rpx;
			background: #F8F8F8;
			border-radius: 10rpx;
		}
		
		.tag-active {
			color: #E72A2A;
			background: #FFEFEF;
			border: 2rpx solid #E72A2A;
		}
	}
	
	.label {
		font-weight: bold;
		font-size: 30rpx;
		color: #333333;
	}
	
	.icon-24 {
		width: 24rpx;
		height: 24rpx;
	}
	
	.content {
		display: flex;
		align-items: center;
		font-weight: 400;
		font-size: 30rpx;
		color: #999999;
	}
}

.textarea {
	width: 100%;
	height: 264rpx;
	box-sizing: border-box;
	padding: 10rpx 22rpx;
	background: #F8F8F8;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
}

.fixed-box {
	width: 100vw;
	position: fixed;
	z-index: 9;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30rpx;
	padding-bottom: 60rpx;
}

.fixed-btn {
	height: 96rpx;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
